﻿#navbar-iframe{height:0;visibility:hidden;display:none}
body{background:url(http://2.bp.blogspot.com/-N5FszzxJD9g/T7NcU6VQ0JI/AAAAAAAABFQ/sr0Ek4o8JNo/s1600/pre-grid.png) repeat scroll 0 0 #F1F1F1;height:100%;font-family:Arial, Helvetica, Tahoma, sans-serif;font-size:14px;font-weight:400;line-height:22px;text-decoration:none;margin:0;padding:0}
a,a:link,a:visited{color:#bd5d48;text-decoration:none}
a:hover,a:active{color:#666;text-decoration:none}
h2.date-header{display:none}
.header-wrapper{width:980px;color:#333;min-height:100px;overflow:hidden;position:relative;z-index:999;margin:0 auto}
#header{max-width:240px;float:left;width:auto;overflow:hidden;z-index:999;min-width:240px;margin:0;padding:0}
#header-inner{margin:10px 0 10px;padding:0}
#header h1,#header p{font:32px Oswald;line-height:24px;color:#eee;text-shadow: 0 1px 1px #cf7764, 0 -1px 1px #000;padding-bottom:10px;margin:0;display:none;visibility:hidden}
#header h1 a,#header h1.title a:hover{color:#f07468;text-decoration:none}
#header .description{color:#fff;font:12px Arial;text-shadow:none;}
#header img{border:0 none;background:none;width:auto;height:auto;margin:0 auto}
#header2{float:right;width:728px;margin:10px 0 0;text-align:left;color:#555}
.header2 .widget{margin:0 auto;padding:10px auto}

#menu{background:#666 url(http://1.bp.blogspot.com/-lnSG7-tj274/UUcMFZnTp5I/AAAAAAAAAkw/0wGVSnhnmBw/s1600/batasheader.png) repeat-x scroll top;color:#ddd;height:40px;-webkit-box-shadow:0 1px 5px #aaa;-moz-box-shadow:0 1px 5px #aaa;-ms-box-shadow:0 1px 5px #aaa;-o-box-shadow:0px 1px 5px #aaa;box-shadow:0 1px 10px #fff;border-bottom:1px solid #000;padding-top:8px}
.menupic{width:980px;height:35px;margin:0 auto;padding:0 auto;box-shadow:0px 2px 10px #777}
.menuhorisontal{float:left;background-color:#222;background-image: -moz-linear-gradient(top,#333 0,#222 100%); background-image: -ms-linear-gradient(top,#333 0,#222 100%); background-image: -o-linear-gradient(top,#333 0,#222 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(100%,#222)); background-image: -webkit-linear-gradient(top,#333 0,#222 100%); background-image: linear-gradient(to bottom,#333 0,#222 100%);border-bottom:1px solid #000;border-top:4px solid #111;height:35px;width:660px;margin:0 auto; padding:0 auto;text-shadow:1px 1px 2px #000}
.menuhorisontal ul{margin: 0; padding-left: 0px;color:#357798;text-transform: capitalize;list-style-type: none;font:bold 13px Arial, Helvetica,Arial,Verdana,sans-serif;}
.menuhorisontal li{display: inline; margin: 0;}
.menuhorisontal li a{border-right:1px solid #222;border-top:4px solid #111;color:#fff;float:left;font-size:12px;line-height:15px;margin-top:-4px;padding:3px 10px;text-align:right;transition:all 600ms ease-in-out;-webkit-transition:all 600ms ease-in-out;-moz-transition:all 600ms ease-in-out;-o-transition:all 600ms ease-in-out;-ms-transition:all 600ms ease-in-out;}
.menuhorisontal li a span{color:#888;display:block;font-size:10px;font-weight:400;}
.menuhorisontal li a:hover {background:#111;border-top:4px solid #009df2;}

.translate{float:right;background-color:#222;background-image: -moz-linear-gradient(top,#333 0,#222 100%); background-image: -ms-linear-gradient(top,#333 0,#222 100%); background-image: -o-linear-gradient(top,#333 0,#222 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(100%,#222)); background-image: -webkit-linear-gradient(top,#333 0,#222 100%); background-image: linear-gradient(to bottom,#333 0,#222 100%);border-bottom:1px solid #000;border-top:4px solid #111;height:35px;width:320px;margin:0; padding:0}

.outerpic-wrapper{width:100%;padding:5px;margin-left:0;overflow:hidden}
.headerpic-wrapper{background:url(http://1.bp.blogspot.com/--iWwVrDZ0Po/UUcMFnIyZpI/AAAAAAAAAk0/jwWmANvcA5I/s1600/header.png);width:100%;padding:0;margin:0 auto;}
.content-wrapper{position:relative;max-width:980px;margin:0 auto}
.outer-wrapper{position:relative;width:100%;padding:0}
.main-wrapper{width:655px;margin:0;float:left;word-wrap:break-word;overflow:hidden;}
.clr{clear:both;float:none}

h2{line-height:1.4em;text-transform:none;color:#333;margin:.5em 0 .25em}
h3.date-header{text-transform:none;font:normal 12px Arial;color:#666;line-height:1.2em;margin:.1em 0}
.post{margin:10px 5px;padding:10px 15px;-webkit-box-shadow:1px 1px 5px #c3c3c3;-moz-box-shadow:1px 1px 5px #c3c3c3;-ms-box-shadow:1px 1px 5px #c3c3c3;-o-box-shadow:1px 1px 5px #c3c3c3;box-shadow:1px 1px 5px #c3c3c3;background:#f6f6f6;border:1px solid #fff}
.post h1,.post h2{font:28px Oswald;line-height:1.2em;color:#222;margin:.0em 0 0;padding:4px 0;text-shadow: 1px 1px 0px #F2F2F2, 2px 2px 0px rgb(192, 192, 192)}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;color:#222;}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#bd5d48}
.post-body{border-top:2px solid #ddd;padding-top:10px;font:13px "Open Sans","Trebuchet MS",Helvetica,sans-serif;margin:1.0em 0 .75em;line-height:1.5em;text-align:justify}
.post-body blockquote{line-height:1.3em}
.post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:12px Arial;line-height:1.4em;margin:.75em 0;}
.comment-link{margin-left:.1em}
blockquote{position: relative; margin:2em 0; padding:1em 3em 2em 3em;}
blockquote:before{display: block; content: "\201C"; line-height:1; font-size: 6em;  font-family: "Open Sans", sans-serif; position: absolute; left: 0; top: -0.1em; color: #ddd;}
blockquote {font-size:1.2em;}
blockquote cite {color: #999; font-size: .85em; display: block; margin-top: .8em;}
blockquote cite:before { content: "\2014 \2009"; }
.post img,#header2 img,.sidebar1 img,.sidebar img,.crosscol1 img,.crosscol2 img{max-width:100%;width:auto;-ms-interpolation-mode:bicubic;border:0;}
.video-container { position:relative; margin:0 0 15px 0;padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:1px solid #ccc; }
.video-container iframe,.video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }

#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link{width:80px;text-align:center;display:inline-block;color:#fff;font:bold 12px Arial;text-transform:none;margin:0;padding:5px 5px;background:url(http://1.bp.blogspot.com/--iWwVrDZ0Po/UUcMFnIyZpI/AAAAAAAAAk0/jwWmANvcA5I/s1600/header.png);border:1px solid #9f4b38}
.blog-pager,#blog-pager{clear:both;font:bold 12px Arial;text-align:center;padding:15px 10px}
.showpageNum a,.showpage a{background:#fff;text-decoration:none;white-space:nowrap;color:#222;margin:10px 3px;padding:5px 10px;border:1px solid #ddd}
.showpageNum a:hover,.showpage a:hover{color:#fff;text-decoration:none;background:url(http://1.bp.blogspot.com/--iWwVrDZ0Po/UUcMFnIyZpI/AAAAAAAAAk0/jwWmANvcA5I/s1600/header.png);border:1px solid #9f4b38}
.showpageOf{display:none;margin:0}
.showpagePoint{color:#fff;text-decoration:none;background:url(http://1.bp.blogspot.com/--iWwVrDZ0Po/UUcMFnIyZpI/AAAAAAAAAk0/jwWmANvcA5I/s1600/header.png);font-size:12px;margin:10px 3px;padding:5px 10px;border:1px solid #9f4b38}
.feed-links{clear:both;line-height:2.5em}

#related-posts{float:left;width:100%;border-top:3px solid #ddd;margin:5px 0}
#related-posts .judul{background:none;color:#333;font:16px Oswald;padding:5px 0}
#related-posts .maskolis_img {padding:0 0;width:140px;height:95px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out}
#related-posts .maskolis_img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}

.readmorecontent{float:right;margin:5px 5px 0 0;padding:2px 0}
.readmorecontent a{color: #fff;text-shadow:0 1px 0 rgba(0,0,0,0.5);background:url(http://1.bp.blogspot.com/--iWwVrDZ0Po/UUcMFnIyZpI/AAAAAAAAAk0/jwWmANvcA5I/s1600/header.png);  text-decoration:none;font:bold 11px Arial;padding:5px 7px}
.readmorecontent a:hover{text-decoration:none;background:#666}

.postmeta{font:11px Tahoma;text-transform:uppercase;font-weight:400;padding:5px 0;line-height:16px}
.author{color:#666;background:url(http://1.bp.blogspot.com/-BHRCsN73acQ/UPKxKFtk-mI/AAAAAAAACcI/Vc9nAuUh7F8/s1600/user.png) left center no-repeat;padding:2px 5px 2px 17px}
.clock{color:#666;background:url(http://2.bp.blogspot.com/-GEuHpjA0MF8/UPKxKPNlBwI/AAAAAAAACcE/aCzen2hdPS4/s1600/time.png) left center no-repeat;padding:2px 5px 2px 17px}
.clock a{color:#666}
.clock a:hover{color:#b64d4a}
#homepage{width:100%;float:left; font-size:12px }

.menusearch{width:200px;float:right;margin:0 auto;padding:5px 15px 0 0}
.searchform {margin-top:0px;display: inline-block;*display: inline;padding:0;background:#fff;width:200px;height:23px; overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #833c2c}
.searchform input {font:italic 12px Arial;color:#222;line-height:23px;height:23px;padding:0;margin:0;}
.searchform .searchfield {background:transparent;padding:0 0 0 6px;margin:0;width: 160px;height:23px;border:0px;outline: none;line-height:23px;}
.searchform .searchbutton{border:none;font-size:12px;height:23px;width:23px;margin:0;padding:0}

.sidebar-wrapper,.sidebar1-wrapper{width:320px;float:right;word-wrap:break-word;overflow:hidden}
.sidebar h3{color:#333;font:16px Oswald;margin:0 10px;padding:5px 0 13px;text-transform:uppercase;background:url(http://2.bp.blogspot.com/-vBqe4ZmtYSo/UT87W-IKz4I/AAAAAAAAAbU/EE8BXvUkjNY/s1600/sprite.png) repeat-x scroll bottom;}
.sidebar{color:#666;line-height:1em;margin:5px 0;font:11px Arial}
.sidebar li{line-height:1.3em;margin:0;padding:5px 0 4px;border-bottom:1px dashed #ddd}
.sidebar .widget{margin:10px 3px 10px 1px;padding:0;background-color:#e2e2e2;background-image: -moz-linear-gradient(top,#f6f6f6 0,#e2e2e2 100%); background-image: -ms-linear-gradient(top,#f6f6f6 0,#e2e2e2 100%); background-image: -o-linear-gradient(top,#f6f6f6 0,#e2e2e2 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f6f6f6),color-stop(100%,#e2e2e2)); background-image: -webkit-linear-gradient(top,#f6f6f6 0,#e2e2e2 100%); background-image: linear-gradient(to bottom,#f6f6f6 0,#e2e2e2 100%);
border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #999;box-shadow:0 0 4px #888;-moz-box-shadow:0 0 4px #888;-webkit-box-shadow:0 0 4px #888;}
.sidebar .widget-content{margin:0 auto;padding:0 10px;}
.sidebar a:link,.sidebar a:visited{font:bold 12px Arial;color:#555;text-decoration:none}
.sidebar li a:hover{color:#bd5d48}
.sidebar ul{list-style:none;margin:0;padding:5px 0}

#left-col{width:190px;float:left;word-wrap:break-word;overflow:hidden;padding:0 auto}
#colright{width:120px;float:right;word-wrap:break-word;overflow:hidden}
#outer-wrapper{position:relative;width:100%;padding:0}
#content-wrapper{position:relative;max-width:970px;margin:0 auto}

#footer{background:url(http://1.bp.blogspot.com/-jIg6mh85Q78/UURR7APqcBI/AAAAAAAAAeU/ln53oG6-FmQ/s1600/bg-header.png);border-top:4px solid #000;width:100%;padding:0;}
.footer-wrapper{color:#aaa;font:12px Arial;height:100%;line-height:16px;overflow:hidden;padding:0}
.footer{float:left;width:31%;margin:10px}
.footer .widget{margin-bottom:30px}
.footer h3{background:url(http://4.bp.blogspot.com/-tk5hQcNMq6M/T8zPEwjH-RI/AAAAAAAAGm0/t8xkrJitkxg/s1600/batas.gif) repeat-x scroll bottom;font: 16px Oswald;padding-bottom:8px;margin-bottom:8px;line-height:1.3em;text-transform:uppercase;color:#ddd}
.footer .widget-content{line-height:17px}
.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
.footer li{background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 4px;font:normal 12px Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 17px}
.footer a:link,.footer li a:visited{color:#aaa;text-decoration:none}
.footer li a:hover{color:#fff}
#credit{background:#222 url(http://4.bp.blogspot.com/-n10OWldhGFk/UUcImyQo2CI/AAAAAAAAAkg/yKCldFRFG7Y/s1600/footer-div.png) repeat-x scroll top;font:11px Tahoma;color:#999;width:100%;overflow:hidden;clear:both;padding:15px 0 10px;line-height:18px}
#credit .left{float:left;text-align:left;margin-left:10px}
#credit .right{float:right;text-align:right;margin-right:10px}
#credit a{color:#eee;text-decoration:none}
#credit a:hover{color:#fc0;text-decoration:none}

.PopularPosts .item-thumbnail img{width:72px;height:72px;padding:4px;margin:0;border:1px solid #ddd}

.social-buttons {position:fixed;top:165px;width:45px;z-index:9999;}
.button-left {left:0;}
.button-right {right:0;}
.social-buttons #twitter-btn .social-icon,.social-buttons #facebook-btn .social-icon,.social-buttons #google-btn .social-icon,.social-buttons #rss-btn .social-icon,.social-buttons #pinterest-btn .social-icon,.social-buttons #youtube-btn .social-icon {background-color: #33353B;background-image: url(http://1.bp.blogspot.com/-KOzIiYFlBAk/UUmLwwZSs-I/AAAAAAAAAnA/h6G772N3cpI/s1600/mas-icons.png);}
.button-left #facebook-btn span {background-position:right 10px;}
.button-left #twitter-btn span {background-position:right -35px;}
.button-left #google-btn span {background-position:right -127px;}
.button-left #rss-btn span {background-position:right -80px;}
.button-left #pinterest-btn span {background-position:11px -177px;}
.button-left #youtube-btn span {background-position:11px -223px;}
.button-right #facebook-btn span {background-position:12px 10px;}
.button-right #twitter-btn span {background-position:11px -35px;}
.button-right #google-btn span {background-position: 10px -127px;}
.button-right #rss-btn span {background-position: 11px -80px;}
.button-right #pinterest-btn span {background-position:11px -177px;}
.button-right #youtube-btn span {background-position:11px -223px;}
.social-buttons #facebook-btn:hover .social-icon {background-color:#3B5998;}
.social-buttons #twitter-btn:hover .social-icon {background-color:#62BDB2;}
.social-buttons #google-btn:hover .social-icon {background-color:#DB4A39;}
.social-buttons #rss-btn:hover .social-icon {background-color:#FF8B0F;}
.social-buttons #pinterest-btn:hover .social-icon {background-color: #D43638;}
.social-buttons #youtube-btn:hover .social-icon {background-color:#C4302B;}
.social-buttons a:hover .social-text {display: block;}
.button-left .social-icon {-moz-transition: background-color 0.4s ease-in 0s;-webkit-transition:background-color 0.4s ease-in 0s;background-repeat:no-repeat;display: block;float:left;height:43px;margin-bottom: 2px;width: 43px;}
.button-left .social-text {display:none;float:right;font-size:1em;font-weight:bold;margin:11px 40px 11px 0px;white-space:nowrap;}
.button-right .social-icon {-moz-transition: background-color 0.4s ease-in 0s;-webkit-transition: background-color 0.4s ease-in 0s;background-repeat:no-repeat;display:block;float:right;height:43px;margin-bottom:2px;width:43px;}
.button-right .social-text {display:none;float:left;font-size:80%;font-weight:bold;margin:11px 0 11px 40px;white-space:nowrap;}
.social-buttons .social-text {color:#FFFFFF;}

.comments {margin:5px;padding:10px 15px; line-height:1em;-webkit-box-shadow:1px 1px 5px #c3c3c3;-moz-box-shadow:1px 1px 5px #c3c3c3;-ms-box-shadow:1px 1px 5px #c3c3c3;-o-box-shadow:1px 1px 5px #c3c3c3;box-shadow:1px 1px 5px #c3c3c3;background:#f6f6f6;border:1px solid #fff}
#comments{overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#BD5D48}
#comments h4,.comments .user a,.comments .continue a{font-size:15px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #BD5D48;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#111}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#BD5D48}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #BD5D48;background:#f9f9f9;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .comment-content {text-align:justify;font-size:12px}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://lh5.googleusercontent.com/-v9ykkH6XScM/UXR6ao0ZCxI/AAAAAAAADto/xiz6pRWhOsQ/s36/author.png);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:1px solid #BD5D48;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #BD5D48;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
.comments-number{position:absolute;top:55px;left:-44px;border-radius:10px;background:#BD5D48;width:20px;height:20px;font-size:10px;line-height:2em;color:#fff;text-align:center}
.comments .comment-thread.inline-thread .comments-number{top:44px;left:-38px}
.like-cm{margin-top:15px;width:10px;height:10px;background:url(https://lh5.googleusercontent.com/-sn9Xay9WiTo/UXo2C6dqStI/AAAAAAAADvk/JPxSUEG7GV0/s10/like.png) no-repeat}

@media screen and (max-device-width:480px) { .comments .comments-content .comment-replies { margin-left:0; }}


@media screen and (max-width: 980px) {
#header{float:none;max-width:none;text-align:center;margin-top:10px}
#header-inner{margin-bottom:0}
#header h1,#header p{margin-right:0}
#header .description{margin:0}
.menusearch{float:none;padding:5px 0 10px}
.main-wrapper{margin-right:0;width:66.5%;}
.sidebar-wrapper,.sidebar1-wrapper{border:none;margin:0 auto;padding:0 10px;}
.credit{padding:20px!important}
#credit .left,#credit .right{float:none;text-align:center;margin:0}
.outerpic-wrapper,.content-wrapper{padding:0}
#header2,.page-menu ul{text-align:center;width:100%}
}
@media screen and (max-width: 800px){
.header-wrapper{margin-right:0;min-height:0;width:100%}
#header{text-align:center;width:100%;max-width:none}
#header-inner{margin:10px 0}
.main-wrapper{width:55.4%;}
  #menu{position:relative}
  #menu ul{background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
  #menu ul.menus{width:100%;position:static;padding-left:20px}
  #menu li{display:block;float:none;width:auto}
  #menu input,#menu label{position:absolute;top:7px;left:0;display:block}
  #menu input{z-index:4}
  #menu input:checked + label{color:white}
  #menu input:checked ~ ul{display:block}
.page-menu li a{border-right:0}
.page-menu{margin:0;width:100%}
}
@media screen and (max-width: 760px){
.outer-wrapper{padding:0}
.main-wrapper{margin-right:0;width:100%;min-height:0}
.sidebar-wrapper,.sidebar1-wrapper{position:relative;top:auto;right:auto;clear:both;left:auto;width:auto;background:none;}
#comment-editor{margin:10px}
.footer{width:auto;margin:15px}
#relpost_img_sum .news-text {display:none}
}
@media screen and (max-width: 480px){
#header img{width:100%}
#relpost_img_sum .news-title {font: 11px Arial}
.post-comment-link{display:none}
}
@media screen and (max-width: 320px){
.comments .comments-content .datetime{display:block;float:none}
.comments .comments-content .comment-header{height:70px}
}
@media screen and (max-width: 240px){
.header-wrapper{margin-right:0;min-height:0;width:100%}
#header{text-align:center;width:100%;max-width:none;}
#header-inner{margin:10px 0}
#header img{border:0 none;background:none;width:auto;height:auto;margin:0 auto}
.comments .comments-content .comment-replies{margin-left:0}
}
.masadmin{display:block;width:auto;background:#3d7b95;border:5px solid #011923;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;padding:0;margin:10px 0;font:normal 12px Arial,Sans-Serif; color:#efedfa}
.masadmin .isi{padding:5px}
.masadmin .isi a{color:#FEEA83}
.masadmin h3{border-bottom:1px dashed #d4cffd;color:#fff;text-transform:normal;text-shadow:0 1px 0 rgba(0,0,0,0.4); font:16px Oleo Script Swash Caps;padding:3px 0;margin:0 10px;display:block}
.masadmin h3 a{color:#FEEA83}
.masadmin img{width:70px;height:70px;margin:0 10px 0 0;float:left;padding:4px;background:#d4cffd;}
.breadcrumbs{padding:5px 5px 5px 0;margin:0;font-size:95%;line-height:1.4em;border-bottom:4px double #cccccc}
.mptextarea,.mptextarea ul,.mptextarea li{background:none;border-left:10px solid #c1c1c1;border-color:#c1c1c1;font-size: 1.0em;margin: 0 0px;padding: 10px 20px 10px 10px;overflow-x:auto;overflow-y:hidden;box-shadow:0px 2px 5px #c1c1c1;height:auto;width:auto;white-space:nowrap;}
.mptextarea:hover,.mptextarea ul:hover,.mptextarea li:hover{background:none;border-left:10px solid #BD5D48;border-color:#BD5D48;font-size: 1.0em;margin: 0 0px;padding: 10px 20px 10px 10px;overflow-x:auto;overflow-y:hidden;box-shadow:0px 2px 5px #BD5D48;height:auto;width:auto;white-space:nowrap;}
.boxwarn{background:none;border-color:#BD5D48;font-size: 1.0em;margin: 0 0px;padding: 10px 20px 10px 10px;overflow-x:auto;box-shadow:0px 2px 5px #BD5D48;height:auto;width:auto;}
.kulit-video{background:url(https://lh3.googleusercontent.com/-wr1AYHGCsDw/UYB2gAZPStI/AAAAAAAADw8/rwtPdIlyti0/w580-h450/kulit-video.png) no-repeat  top center;height:450px;width:580px;margin-left:16px;padding-top:69px;}
#isi-video{text-align:center}
.mp3{background:none repeat scroll 0 0 #d3c9ff;border:1px dotted #7e67e3;color:#000000;font:12px sans-serif,verdana;}
.mp4{background:none repeat scroll 0 0 #d3c9ff;border:1px dotted #7e67e3;color:#3C3C3C;font:12px sans-serif,arial;margin-bottom:4px;}
#download{margin: 6px 0 11px}
.additionalInfo{background-color: #F5FBFF;border: 1px solid #F0F3F5;margin-bottom: 0;padding: 10px 20px 0 10px;width: 400px}
#downloadAdditionalInfo{margin: 10px 0;padding-left: 3}
.status-msg-wrap{font-size: 100%;margin: none;position: static;width: 100%}
.status-msg-border{display:none}
.status-msg-body{padding: none;position: static;text-align: inherit;width: 100%;z-index: auto}
.status-msg-wrap a{padding: none;text-decoration: inherit}
.MP-404-box {background:#FFFFFF;width:98%;margin:10px 0px;padding:20px 10px;border:1px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow: 5px 5px 5px #CCCCCC}
.label-size{margin:0 2px 6px 0;padding: 3px;text-transform: uppercase;border: solid 1px #C6C6C6;border-radius: 3px;float:left;text-decoration:none;font-size:10px;color:#666}
.label-size:hover{border:1px solid #6BB5FF;text-decoration: none;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;transition: all 0.5s ease-out;-moz-transform: rotate(7deg);-o-transform: rotate(7deg);-webkit-transform: rotate(7deg);-ms-transform: rotate(7deg);transform: rotate(7deg);filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');zoom: 1}
.label-size a{text-transform: uppercase;float:left;text-decoration: none}
.label-size a:hover{text-decoration: none}

.slide-wrapper{padding:0 auto;margin:0 auto;width:auto;float:left;word-wrap:break-word;overflow:hidden;}
.slide {color: #666666;line-height: 1.3em;}
.slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}
.slide li {margin:0;padding-top:0;padding-right:0;padding-bottom:.25em;padding-left:0px;text-indent:0px;line-height:1.3em;} .slide .widget {margin:0px 0px 6px 0px;}

/* Lofslidernews */
#slider{background-color:#e2e2e2;background-image: -moz-linear-gradient(top,#f6f6f6 0,#e2e2e2 100%); background-image: -ms-linear-gradient(top,#f6f6f6 0,#e2e2e2 100%); background-image: -o-linear-gradient(top,#f6f6f6 0,#e2e2e2 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f6f6f6),color-stop(100%,#e2e2e2)); background-image: -webkit-linear-gradient(top,#f6f6f6 0,#e2e2e2 100%); background-image: linear-gradient(to bottom,#f6f6f6 0,#e2e2e2 100%);
border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #999;box-shadow:0 0 4px #888;-moz-box-shadow:0 0 4px #888;-webkit-box-shadow:0 0 4px #888;padding:10px;margin-top:10px;margin-right:5px;position:relative;overflow:hidden;width:625px;height:300px;}
.slider-main-outer{position:relative;height:100%;width:420px;z-index:3;overflow:hidden}
ul.slider-main-wapper li h3{z-index:10;position:absolute;bottom:-14px;width:420px;background:url(http://4.bp.blogspot.com/-bp2HK6MdDXg/T5aB6vI5GPI/AAAAAAAAF98/gwCsmb8Fcks/s1600/transparant.png);padding:10px}
ul.slider-main-wapper li h3 p{color:#FFF;font-size:12px;padding-top:5px;display:block;margin:0}
ul.slider-main-wapper li h3 a{color:#FFF;font-size:16px;line-height:25px;margin:0}
ul.slider-main-wapper li .imgauto{width:420px;height:300px;overflow:hidden;margin:0;padding:0}
ul.slider-main-wapper{height:300px;width:420px;position:absolute;overflow:hidden;margin:0;padding:0}
ul.slider-main-wapper li{overflow:hidden;list-style:none;height:100%;width:420px;float:left;margin:0;padding:0}
.slider-opacity li{position:absolute;top:0;left:0;float:inherit}
ul.slider-main-wapper li img{list-style:none;width:420px;height:auto;padding:0}
ul.slider-navigator{top:0;position:absolute;width:100%;margin:0;padding:0}
ul.slider-navigator li{cursor:pointer;list-style:none;width:100%;overflow:hidden;margin:0;padding:0}
.slider-navigator-outer{position:absolute;right:10px;top:10px;z-index:10;height:300px;width:210px;overflow:hidden;color:#333}
.slider-navigator li h5{color:#333;font:11px Arial;margin:0;padding:5px 10px 0 0}
.slider-navigator li div{background-color:#e2e2e2;background-image: -moz-linear-gradient(top,#fff 0,#e2e2e2 100%); background-image: -ms-linear-gradient(top,#fff 0,#e2e2e2 100%); background-image: -o-linear-gradient(top,#fff 0,#e2e2e2 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e2e2e2)); background-image: -webkit-linear-gradient(top,#fff 0,#e2e2e2 100%); background-image: linear-gradient(to bottom,#fff 0,#e2e2e2 100%)color:#444;text-shadow:1px 1px 1px #fff;height:56px;position:relative;margin:0px 0px 3px 10px;padding:0 5px;border:1px solid #c0c0c0;}
.slider-navigator li.active div,.slider-navigator li:hover div{color:#0178d3;border:1px solid #999}
.slider-navigator li img{border:#ddd solid 1px;height:44px;width:60px;float:left;margin:5px 5px 5px 0}
.slider-navigator li.active img{border:#eee solid 1px}
.slider-navigator li.active h5{color:#0178d3}

#comment-holder p a {display:none;}
table {border:none;width:320px;cellpadding:2px;cellspacing:6px;text-align:justify;}
table ul{text-align:justify;}
.cm-outer {margin:0 auto;font:normal normal 11px Arial,Sans-Serif;}
.cm-outer li {margin:0 0;padding:7px 10px 12px;list-style:none;clear:both;border-top:1px dotted #b3b3b3;}
.cm-outer .cm-header {margin:0 0 5px}
.cm-outer .cm-content {overflow:hidden}
.cm-outer img {display:block;float:left;margin:2px 10px 2px 0;border:3px solid #b3b3b3;background:#8fa2cb url(http://img1.blogblog.com/img/anon36.png) no-repeat 50% 50%;overflow:hidden;}
.glossymenu{margin: 0 auto;padding: 0;width: 300px;border: none;border-bottom-width: 0;}
.glossymenu a.menuitem{background: transparent;font: 12px "Arial", "Trebuchet MS", Verdana, Helvetica, sans-serif;color: #f6f6f6;display: block;position: relative;width: auto;padding: 5px 0;padding-left:0px;text-decoration: none;border-bottom:1px dotted #747676}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{color: #f6f6f6;}
.glossymenu a.menuitem .statusicon{position: absolute;top: 5px;right: 5px;border: none;}
.glossymenu a.menuitem:hover{background: #222;}
.submenu{background: transparent;padding:4px auto;margin: 4px 0 7px 7px;}

#threaded-comment-form p {position: relative;background: #BD5D48;border: 3px solid #bba8a4;padding: 10px;font-size: 13px;line-height: 1.6em;color: #fff;margin-top: 10px;font-size: 11px;border-radius:2px;}
#threaded-comment-form p::after, #threaded-comment-form p::before {top: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none}
#threaded-comment-form p::before {border-top-color: #bba8a4;border-width: 15px;left: 10%;margin-left: -35px;}
#threaded-comment-form p::after {border-top-color: #BD5D48;border-width: 10px;left: 10%;margin-left: -30px}

.small-button {border: 2px solid #555;color: #111;cursor: pointer;font-size: 11px;font-weight: normal;margin-top: 15px;margin-bottom: 10px;margin-right:5px;padding:2px 10px;text-decoration: none;text-shadow: 1px 1px 0 #ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: inset 0 1px 0 0 #ffffff;-moz-box-shadow: inset 0 1px 0 0 #ffffff;box-shadow: inset 0 1px 0 0 #ffffff;background: -webkit-gradient( linear,left top,left bottom,color-stop(0.05,#ededed),color-stop(1,#dfdfdf) );background: -moz-linear-gradient( center top,#ededed 5%,#dfdfdf 100% );filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39; #ededed&#39; ,endColorstr=&#39; #dfdfdf&#39; );background-color: #ededed;}

<b:if cond='data:blog.pageType == &quot;item&quot;'>
img.emo {display:inline-block;vertical-align:middle;}
#comment-holder .cm-youtube {display:block;border:none !important;background-color:#333;width:370px;height:218px;margin:0 auto 30px;}
#comment-holder .cm-image {display:block;margin:0 auto 15px;outline:none;border:1px solid #ccc;background-color:white;-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.2);box-shadow:0px 1px 3px rgba(0,0,0,0.2);padding:5px;max-width:96%;height:auto;width:auto\9;}
#comment-holder code,
#comment-holder i[rel="code"] {font:normal 12px Monaco,"Courier New",Monospace;color:blue;}
#comment-holder pre,
#comment-holder i[rel="pre"] {display:block;font:normal 12px Monaco,"Courier New",Monospace;background-color:#333;color:white;padding:0.5em 1em;word-wrap:normal;white-space:pre;overflow:auto;}
#comment-holder blockquote,
#comment-holder b[rel="quote"] {margin:0 2%;background-color:#eee;padding:1em 1.2em;border-left:4px solid #7498AD;display:block;font-weight:bold;font-style:italic;}
#comment-holder i[rel="image"],
#comment-holder i[rel="youtube"] {display:block;overflow:hidden;border:2px solid black;position:relative;width:170px;height:100px;margin:0 auto 30px;}
#comment-holder i[rel="image"]:before,
#comment-holder i[rel="youtube"]:before {content:"Please enable your JavaScript to see this image!";position:absolute;top:0;right:0;bottom:0;left:0;background-color:red;color:white;font-weight:bold;text-align:center;padding:15px 0;}
#comment-holder i[rel="youtube"]:before {content:"Please enable your JavaScript to watch this video!";}
</b:if>
.emoWrap {display:none}

.button{float:left;list-style:none;text-align:center;width: 100%;margin:5px 0;padding:0;font-size:14px;clear:both;}
.button ul {margin:0;padding:0}
.button li{display:inline;margin:0;padding:0}
.demo {border: none; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding: 8px 50px !important; background: #BD5D48; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: background-color 1s ease-out 0s; -moz-transition:background-color 1s ease-out 0s; -webkit-transition:background-color 1s ease-out 0s; -o-transition:background-color 1s ease-out 0s;letter-spacing:1px; }
.download {border: none; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding: 8px 80px !important; background: #5FAAE3; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: background-color 1s ease-out 0s; -moz-transition:background-color 1s ease-out 0s; -webkit-transition:background-color 1s ease-out 0s; -o-transition:background-color 1s ease-out 0s; letter-spacing:1px;}
.demo:hover { background: #454242; text-shadow: 0 0 1px #222; -moz-text-shadow: 0 0 1px #222; -webkit-text-shadow: 0 0 1px #222; -ms-text-shadow: 0 0 1px #222 }
.download:hover { background: #454242; text-shadow: 0 0 1px #222; -moz-text-shadow: 0 0 1px #222; -webkit-text-shadow: 0 0 1px #222; -ms-text-shadow: 0 0 1px #222}